<template>
  <h2>依赖注入 - {{ count }} - <button @click="count++">btn</button></h2>
  <Child />
</template>

<script>
import Child from "../components/02-child-provide.vue";
import { provide, ref } from "vue";

export default {
  components: {
    Child,
  },
  setup() {
    // vue3的依赖注入直接有响应式了
    const count = ref(10);

    // 依赖要从vue解构provide函数
    // 两个参数key和value
    provide("count", count);

    return { count };
  },
};
</script>
